<template>
<div class="header-box">



   <div class="header">

    <div class="header-left"><router-link to="/"><i class="iconfont">&#xe624;</i></router-link></div>
    城市选择



  

</div>

        <city-search :searchTies="headCities"/>
</div>

</template>

<script>
import CitySearch from '@/pages/city/components/CitySearch'

export default {
    name:'CityHeader',
    components:{
        CitySearch
    },
    props:['headCities']
}
</script>

<style lang="stylus" scoped>



    @import '~@/assets/styles/varibles.styl'
    .header-box
        position:fixed
        top 0px
        left 0
        width:100%
        z-index:5
        .header
            position:relative
            background:$bgColor
            line-height:44px
            color:#fff
            text-align:center
            font-size:16px
            z-index:5
            .header-left
                width:19px
                float:left
                margin-left:10px
                margin-right:13px
                font-size:14px
                position:absolute
                a
                    color:#fff



</style>
